<template>
	<view class="page">
		<!-- 搜索筛选 -->
		<view class="top-fiexd">
			<view class="search-select">
				<view class="search">
					<view class="iconfont iconsearch"></view>
					<input class="input" type="text" value="" placeholder="请输入学校名称/专业" placeholder-class="placeholder" />
				</view>
			</view>
			<view class="select-wrap">
				<ChooseLits :list="list" :arr="arr" @chooseLike="chooseLike"></ChooseLits>
			</view>
		</view>
		<view class="search-result-wrap">
			<view class="search-result-num">
				共匹配
				<text class="red">365</text>
				所学校
			</view>
			<view class="table-wrap">
				<view class="th">
					<view class="td">
						专业名称
					</view>
					<view class="td">
						专业代码
					</view>
					<view class="td">
						开设院校
					</view>
					<view class="td">
						专业主页
					</view>
				</view>
				<view class="tr" v-for="(item,index) in 10" :key="index">
					<view class="td">
						数字媒体艺术设计
					</view>
					<view class="td">
						2812
					</view>
					<view class="td">
						<navigator url="../collegesDetail/collegesDetail" hover-class="none">查看</navigator>
					</view>
					<view class="td">
						<navigator url="../specialtyDetails/specialtyDetails" hover-class="none">查看</navigator>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import ChooseLits from '@/components/choose-Cade/choose-Cade.vue'
	export default {
		components: {
			ChooseLits
		},
		data() {
			return {
				list: ['层次', '专业门类', '专业大类'],
				arr: [
					['重庆', '四川', '北京'],
					['艺体生', '非艺体生'],
					['第一批', '第二批', '第三批'],
				],
				i2: [0, 0, 0],
			}
		},
		methods: {
			chooseLike(i1) {
				if (this.i2[i1[0]] != i1[1]) {
					this.i2[i1[0]] = i1[1];
				}
				console.log(this.i2)
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import 'specialtyList.scss';
	@import '../../common/icon/iconfont.css';
</style>
